@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body{
	background-image:url(../img/bg.png) ;
    background-repeat:no-repeat ;
	background-size:100% 100%;
	background-attachment: fixed;
	overflow: hidden;
}
.divclass{
	width: 150px;
	height: 150px;
	position: absolute;
	background-repeat:no-repeat ;
	background-size:100% 100%;
}


#div1{
	top: 311px;
    left: 210px;
	background-image:url(../img/1_1.png) ;
	animation: boy1 3s;
	animation-fill-mode : forwards;
}
#div2{
	top: 204px;
    left: 321px;
	background-image:url(../img/2_1.png) ;
	animation: boy2 3s;
	animation-delay:3s;
	animation-fill-mode : forwards;
}
#div3{
	top: 308px;
    left: 451px;
	background-image:url(../img/3_1.png) ;
	animation: boy3 3s;
	animation-delay:6s;
	animation-fill-mode : forwards;
}
#div4{
	top: 169px;
    left: 565px;
	background-image:url(../img/4_1.png) ;
	animation: boy4 3s;
	animation-delay:9s;
	animation-fill-mode : forwards;
}
#div5{
	top: 237px;
    left: 739px;
	background-image:url(../img/5_1.png) ;
	animation: boy5 3s;
	animation-delay:12s;
	animation-fill-mode : forwards;
}
#div6{
	top: 139px;
    left: 932px;
	background-image:url(../img/6_1.png) ;
	animation: boy6 3s;
	animation-delay:15s;
	animation-fill-mode : forwards;
}
#div7{
	top: 162px;
    left: 1150px;
	background-image:url(../img/7_1.png) ;
	animation: boy7 3s;
	animation-delay:18s;
	animation-fill-mode : forwards;

}
@keyframes boy1{
	0%{
		top: 311px;
	    left: 210px;
		background-image:url(../img/1_1.png) ;
	}
	100%{
		width: 200px;
		height: 200px;
		top: 511px;
	    left: 210px;
		background-image:url(../img/1.png) ;
	}
}
@keyframes boy2{
	0%{
		top: 204px;
    	left: 321px;
		background-image:url(../img/2_1.png) ;
	}
	100%{
		width: 200px;
		height: 200px;
		top: 511px;
	    left: 321px;
		background-image:url(../img/2.png) ;
	}
}
@keyframes boy3{
	0%{
		top: 308px;
    	left: 451px;
		background-image:url(../img/3_1.png) ;
	}
	100%{
		width: 200px;
		height: 200px;
		top: 511px;
	    left: 451px;
		background-image:url(../img/3.png) ;
	}
}
@keyframes boy4{
	0%{
		top: 169px;
    	left: 565px;
		background-image:url(../img/4_1.png) ;
	}
	100%{
		width: 200px;
		height: 200px;
		top: 511px;
	    left: 565px;
		background-image:url(../img/4.png) ;
	}
}
@keyframes boy5{
	0%{
		top: 237px;
    	left: 739px;
		background-image:url(../img/5_1.png) ;
	}
	100%{
		width: 200px;
		height: 200px;
		top: 511px;
	    left: 739px;
		background-image:url(../img/5.png) ;
	}
}
@keyframes boy6{
	0%{
		top: 139px;
    	left: 932px;
		background-image:url(../img/6_1.png) ;
	}
	100%{
		width: 200px;
		height: 200px;
		top: 511px;
	    left: 932px;
		background-image:url(../img/6.png) ;
	}
}
@keyframes boy7{
	0%{
		top: 162px;
    	left: 1150px;
		background-image:url(../img/7_1.png) ;
	}
	100%{
		width: 200px;
		height: 200px;
		top: 511px;
	    left: 1150px;
		background-image:url(../img/7.png) ;
	}
}
